<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>系统欢迎主界面</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="css/main.css" rel="stylesheet">
</head>
<body>
<div class="panel panel-default">
    <div class="panel-info" style="margin-bottom: 10px;">
        <div class="panel-heading">
            <h4 class="panel-title">&nbsp;&nbsp;&nbsp;<span class="glyphicon" style="font-weight: bold; font-size: 23px;"  th:text="${username}"></span>你好，欢迎登陆本系统</h4>
        </div>
    </div>
    <!--内容介绍-->
    <div class="myDiv">
        <a class="list-group-item active">前端技术</a>
        <ul class="list-group">
            <li class="list-group-item">
                Html5界面展示
            </li>
            <li class="list-group-item">
                Thymeleaf模版支持
            </li>
            <li class="list-group-item">
                Bootstrap渲染
            </li>
            <li class="list-group-item">
                Jquery/jquery-UI
            </li>
            <li class="list-group-item">
                <span class="badge">部分</span>
                vue.js
            </li>
        </ul>
    </div>

    <div class="myDiv">
        <a class="list-group-item active">后端技术</a>
        <ul class="list-group">
            <li class="list-group-item">
                框架:&nbsp;SpringBoot(2.0.4.RELEASE)
            </li>
            <li class="list-group-item">
                其他:&nbsp;AOP(切面编程)、Quartz(定时任务)
            </li>
            <li class="list-group-item">
                持久层:&nbsp;mybatis(Druid数据源)  缓存Ehcache
            </li>
            <li class="list-group-item">
                DevelopMent&nbsp;Tools:&nbsp;Swagger2、Mybatis-Generator
            </li>
            <li class="list-group-item">
                安全(权限)控制:&nbsp;Shiro
            </li>
        </ul>

    </div>

    <div class="myDiv">
        <a class="list-group-item active">数据库</a>
        <ul class="list-group">
            <li class="list-group-item">Mysql数据库(5.6.39)</li>
            <li class="list-group-item">
                <span class="badge">未实现</span>
                Redis缓存
            </li>
        </ul>

    </div>

</div>
    <script type="text/javascript" src="/js/appjs/sys/main.js" th:src="@{/js/appjs/sys/main.js}">>
        //
    </script>
</body>
</html>